<script setup name="man">
// 定义一个组件后,需要让调用者传入参数，那么就可以将参数定义成属性。
import { defineEmits,onUpdated,ref } from 'vue';

let steps = ref(0);

// defineEmits 用来定义组件可以触发的自定义事件 这些事件可以从子组件出发 并在父组件中进行监听
const emit = defineEmits(['change'])

const onUpdatedChange =()=>{
    steps.value += 10
    emit('change',steps.value);
}

</script>

<template>
<button @click="onUpdatedChange">行走10步</button>
</template>

<style scoped>
    
</style>